html, body{ margin:0; padding:0 }
html{ width:100%; height:100% }
body{ font-size:12px; background-color:#fff; margin:0; color:#4c4c4c; padding:0; height:100%; width:100%; overflow:hidden }
a, input, select{ font-size:12px }
input, button, select, textarea{ outline:0; font-family:inherit }
textarea{ resize:none }
form, p, ol, ul, li, dl, dt, dd, h1, h2, h3, h4, tr, th, td, input{ margin:0; padding:0 }
ul, ol{ list-style:none }
img, table{ border:0 }
a{ color:#535356; text-decoration:none; outline:0; cursor:pointer; }
a:hover{ text-decoration:none; }
.map-main{ position:relative; width:100%; height:100%; top:0; left:0; background-size:cover; overflow:hidden; }
.map-wrap{ width:100%; height:100%; }
.search-panel{ position:absolute; top:25px; left:20px; }
.srh-l, .srh-r{ float:left; }
.srh-inp{ width:350px; height:38px; padding:5px 8px; border:1px solid #fafafa; box-shadow:1px 2px 5px rgba(70, 70, 70, 0.3); border-radius:3px 0 0 3px; }
.btn-search{ width:38px; height:38px; font-size:18px; border-top-left-radius:0; border-bottom-left-radius:0; }
.nav-slide{ position:absolute; left:20px; bottom:20px; }
.nav-slide-home{position:absolute; right:20px; bottom:20px;}
.nav-btn{ width:50px; height:50px; border-radius:50%; background:#0C88E8; color:#fff; text-align:center; line-height:50px; font-size:18px; cursor:pointer; box-shadow:1px 2px 4px rgba(70, 70, 70, 0.2) }
.nav-btn i{ line-height:50px; }
.nav-btn.active{ background:#FF6D27; }
.nav-list{ position:absolute; height:50px; background:#fff; left:78px; bottom:20px; border-radius:5px; border:1px solid #f0f0f0; box-shadow:1px 2px 4px rgba(70, 70, 70, 0.2); font-size:0; display:none; }
.nav-list li{ display:inline-block; font-size:0;position:relative;}
.nav-list > li > a{ display:inline-block; padding:0 10px; text-align:center; line-height:17px; }
.nav-list > li > a > i{ font-size:16px; margin-top:9px; }
.toolbox{ position:absolute; height:32px; top:20px; right:20px;z-index:9000;}
.toolbox-wrap{position:relative;float:left;}
.toolbar{background:#fff; border:1px solid #f0f0f0; box-shadow:1px 2px 4px rgba(70, 70, 70, 0.2); display:block; }
.toolbar > li{ display:inline-block; position:relative; }
.toolbar > li > a{ line-height:32px; padding:0 12px; display:inline-block; font-size:12px; }
.toolbar > li > a.active{ color:#268DEC; }
.toolbar > li > a > i{ font-size:14px; }
.modal-search{ position:absolute; top:64px; left:20px; width:350px;z-index:9000;}
.modal-nav{ position:absolute; bottom:53px; left:78px; width:380px; }
.panel{ box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); }
.close{ font-weight:normal !important; text-shadow:none; font-size:16px; }
.minus{ float:right; font-size:16px; color:#000; opacity:0.2; line-height:1; border:0; background:transparent; cursor:pointer; }
.minus:hover{ opacity:0.5; }
.tabs-modal{ position:absolute; width:200px; height:300px; top:36px; right:0; }
.margin-right-20{ margin-right:20px; }
.search-cont{ overflow:auto; position:relative; min-height:28px; }
.search-cont-list li{ padding:7px 10px; }
.search-cont-list li:hover{ background:#f0f0f0; cursor:pointer; color:#333; }
.panel{ position:relative; }
.search-close{ position:absolute; width:30px; height:30px; line-height:30px; background:rgba(249, 34, 34, 0.6); right:-31px; top:-1px; color:#fff; text-align:center; cursor:pointer; }
.search-close:hover{ background:rgba(249, 34, 34, 0.8); }
.hide-search{ padding:5px 10px; color:#0C88E8; position:absolute; width:100%; display:none; }
.search-cont-list{ max-height:500px; }
.result-title{ font-size:13px; color:#222; }
.result-title i{ margin-right:10px; color:#ff4400; font-size:18px; vertical-align:middle; }
.result-detail{ color:#666; padding-left:24px; }
/*switchery*/
.switchery{position:relative;display:inline-block;width:45px;height:24px;line-height:24px;box-sizing:content-box;vertical-align:middle;cursor:pointer;user-select:none;background-color:#62A8EA;background-clip:content-box;border:1px solid #62A8EA;border-radius:20px;box-shadow: rgb(98, 168, 234) 0px 0px 0px 11px inset; transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;}
.switchery > small{position:absolute;top:0;width:24px;height:24px;background:#fff;border-radius:100%;-webkit-box-shadow:0 1px 3px rgba(0, 0, 0, .4);box-shadow:0 1px 3px rgba(0, 0, 0, .4);}
.switchery-small{width:50px;height:20px;border-radius:20px;}
.switchery-small > small{width:20px;height:20px; transition: background-color 0.4s, left 0.2s; background-color: rgb(255, 255, 255);}
.switchery-large{width:66px;height:36px;border-radius:36px;}
.switchery-large > small{width:36px;height:36px;}
/**/
.tabs-modal-close{position:absolute;width:18px;height:18px;line-height:18px;text-align:center;background:#eee;top:0;right:0;color:#999;cursor:pointer;}
.tabs-modal-close:hover{background:#ff4400;color:#fff;}
.grid-box{position:absolute;width:100px;height:80px;border:1px solid #fff;box-shadow:1px 3px 5px #ddd;}
.grid-red{background:rgba(255, 40, 75, 0.5);}
.grid-yellow{background:rgba(245, 160, 22, 0.5);}
.grid-blue{background:rgba(31, 151, 243, 0.5);}
.circle-staus{position:absolute;width:8px;height:8px;border-radius:50%;background:#ff4400;top:5px;right:5px;}
.legend{height:34px;top:20px;right:350px;background: #fff;border: 1px solid #f0f0f0;box-shadow: 1px 2px 4px rgba(70, 70, 70, 0.2);margin-right:20px;float:left;padding:5px 10px;}
.legend-box{float:left;padding:2px 5px;border-radius:2px;margin:0 5px;}
.legend-danger{background:#ff4400;color:#fff;}
.legend-yellow{background:#f2a654;color:#fff;}
.legend-green{background:#2eac60;color:#fff;}
.legend-label{float:left;line-height:22px;margin-right:5px;}
.pop-panel{position:absolute;top:130px;max-width:500px;min-width:200px;z-index:1;}
.pop-left{left:20px;}
.pop-content{overflow:hidden;position:relative;}
.panel-tabs-nav{margin-bottom:-5px;margin-top:-1px;margin-right:-1px;position: relative;}
.panel-tabs-nav ul{font-size:0;}
.panel-tabs-nav li{display:inline-block;font-size:14px;position: relative;}
.panel-tabs-nav li>a{display:inline-block;padding:5px 10px;font-size:14px;color:#ABA9A9;}
.pop-tabs .panel-tabs-nav li>a{padding:5px 20px;}
.pop-tabs .panel-tabs-nav{background:#F0F3F5;}
.panel-tabs-nav li.active{background:#fff;}
.panel-tabs-nav li.active>a{color:#333;}
.pop-right{right:20px;top:70px;}
.tool-right{float: right;}
.close,.eye-small{float:right;font-size: 12px;display: inline-block;padding:5px !important;border: 0;background: none; opacity: 0.2;}
.panel-tabs-nav li>.close{position: absolute;right:2px;top:5px;}
li.tool-right .close,li.tool-right .eye-small{position: static;margin-top:5px;margin-right: 5px;}
/* 时间轴样式 */
.time-axis-box{position:absolute;width:40%;height:70px;overflow:hidden;padding-bottom:40px;left:30%;right:30%;bottom:20px;background:#fff;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);border-radius:3px;}
.time-axis{height:30px;border-bottom:1px dashed #ccc;text-align:center;}
.time-axis li{display:inline-block;background:url(../images/ico10.png) no-repeat center top; padding-top:24px; width:80px; position:relative; margin-top:16px;color:#999;}
.time-axis li.active{background:url(../images/ico10h.png) no-repeat center top;font-size:14px;color:#333;}
.time-point{ position:absolute; width:100%; left:0; top:-20px; display:none;}
.time-point h1{ height:67px; line-height:67px; color:#518dbb; font-weight:bold; background:url(../images/ico11.gif) no-repeat center top; margin-bottom:8px;}
.time-point p{ line-height:14px; color:#999;}
.pos-rel{position:relative;}
.time-paly-stop{position:absolute;width:100%;text-align:center;top:-12px;visibility:hidden;}
.time-paly-stop a{display:inline-block;width:24px;height:24px;background:#fff;text-align:center;line-height:24px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);border-radius:3px;}
.time-axis-box:hover .time-paly-stop{visibility:visible;}
/*.panel-list{margin:-10px;}*/
.panel-list li{padding:10px;border-bottom:1px solid #E4E6E7;cursor:pointer;}
.panel-list li:hover{background:#f5f7f7;}
.panel-li-title{font-size:14px;margin-bottom:7px;}
.list-label{margin-right:10px;}
.c-red{color:#ff4400;}
.list-cont{color:#8D9398;}
.c-green{color:#2eac75;}
.text-align-lr .control-label{text-align: left;color: #71777B;}
.text-align-lr .form-control-static{text-align: right;padding-right:5px;}
.text-align-lr .form-group{border-bottom: 1px solid #eee;}
.panel-body{padding: 10px;}
.form-hor-cont{padding:0 15px;}